@import "./../../../style/color.scss";
@import "./../../../style/font.scss";
@import "./../../../style/onepx.scss";

.result {
  text-align: center;
  padding: 29px 10px;
  @include font-dpr(26px);
  color: #999999;
}

.shian-map-page, .navication-search-page {
  height:100%;
  position: relative;

  .map {
    width: 100%;
    height: 100%;
  }

  .top-search {
    position: absolute;
    top: 18px;
    left: 25px;
    right: 25px;
    z-index: 999;
  }

  .am-search {
    padding: 0;
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(110,120,107,0.50);
    border-radius: 4px;

    .am-search-cancel {
      display: none;
    }

    .am-search-cancel.am-search-cancel-anim {
      font-family: $regular-font-family;
      @include font-dpr(30px);
      letter-spacing: 0;
    }

    .am-search-input {
      height: 86px;
      background-color: #FFFFFF;

      .am-search-clear {
        display: none;
      }

      .am-search-synthetic-ph {
        height: 100%;

        .am-search-synthetic-ph-container {
          height: 100%;
          display: flex;
          align-items: center;
          padding-left: 20px;
        }
      }
      .am-search-synthetic-ph-placeholder{
        font-family: $regular-font-family;
        @include font-dpr(30px);
        color: #999999;
        letter-spacing: 0;
        vertical-align: middle;
      }
      input[type="search"] {
        font-family: $regular-font-family;
        @include font-dpr(30px);
        color: #000;
        letter-spacing: 0;
        vertical-align: middle;
        height: 100%;
        margin-left: 25px;
      }

      .am-search-synthetic-ph-icon {
        width: 40px;
        height: 40px;
        background-size: 18px auto;
        vertical-align: middle;
      }
    }
  }

  .bottom-wrap {
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    z-index: 9999;
    padding: 13px 15px;

    .item-wrap {
      display: inline-block;
      width: 33.3%;
      padding: 11px;
      box-sizing: border-box;

      .icon-wrap {
        background-color: #FFFFFF;
        box-shadow: 0 2px 4px 0 rgba(110,120,107,0.50);
        border-radius: 6px;
        text-align: center;
        padding: 28px 22px 22px;

        .label {
          font-family: $regular-font-family;
          @include font-dpr(30px);
          color: $mine-content-color;
          letter-spacing: 0.38px;
          text-align: center;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }

        >img {
          width: 40px;
          height: 40px;
          margin-top: 36px;
        }
      }
    }

  }

  .mask-wrap {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(0,0,0,0.40);
    transition: .3s;

    #popup {
      position: fixed;
      bottom: 19px;
      left: 11px;
      right: 11px;

    }

    .mask-content {
      width: 100%;
      max-height: 700px;
      overflow: auto;
      background-color: #FFFFFF;
      border-radius: 12px;
      text-align: center;

      .mask-item {
        height: 100px;
        line-height: 100px;
        font-family: $regular-font-family;
        @include font-dpr(30px);
        color: $mine-content-color;
      }
    }

    .btn-wrap {
      background-color: #FFFFFF;
      width: 100%;
      margin-top: 20px;
      border-radius: 12px;
      height: 100px;
      line-height: 100px;
      font-family: $regular-font-family;
      @include font-dpr(30px);
      color: $mine-content-color;
      letter-spacing: 0.38px;
      text-align: center;
    }
  }

  .hidden {
    display: none;
  }

  .active {
    display: block;
  }
}


// 信息窗口

.tdt-infowindow {

  .tdt-infowindow-content-wrapper, .tdt-infowindow-tip {
    border-radius: 6px;
  }

  .tdt-infowindow-content {
    margin: 0;
  }

  .tdt-infowindow-close-button {
    padding: 0;
  }

  .info-content-wrap {
    padding: 15px;
    box-sizing: border-box;

    .info-row {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      @include font-dpr(26px);
      padding-bottom: 5px;

      .info-col1 {
        white-space: nowrap;
      }
    }
  }

}


